<!--我的薪资展示-->
{% extends "finance/financial_module.html" %}

{% block page_link %}
    <link rel="stylesheet" href="../../static/system_setup/css/style.css">
    <link rel="stylesheet" type="text/css" href="../../static/personal_center/css/index.css">
{#    <link rel="stylesheet" type="text/css" href="../../static/personal_center/css/common.css">#}
    <script type="text/javascript" src="../../static/personal_center/js/index.js"></script>
    <link rel="stylesheet" href="../../static/system_setup/css/style.css">
    <link href="../../static/personnel/css/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
{% endblock %}

{% block style %}
    <style>
        .add_class {
            background: #1E90FF;
        }

        ::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }
        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #999;
        }

        tr:hover {
            background: #D9D9D9;
        }

        .tab_top {
            width: 100px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
        }
    </style>
{% endblock %}

{% block right_content %}
    <div id="background" style="width: 100%; height: 100%;filter: blur(5px)">
        <div class="headline">
            <div class="tab_top">我的薪酬</div>
{#            <div style="width: 7%;text-align: center;height: 100%;line-height: 40px;float: right;margin-right: 2%;">#}
{#                <a href="export_excel">#}
{#                    <button style="height: 30px;width: 90%;border-radius: 3px;" type="button"#}
{#                            class="btn btn-safe add-station1">导出全部#}
{#                    </button>#}
{#                </a>#}
{#            </div>#}
            <div style="width: 50%;height: 100%;float: right;padding-right: 1%;">
                <div id="select_month" style="width: 28%;display: inline-block;vertical-align: top;height: 30px;margin-top: 2.5px;">
                    <select name="month" style="width: 100%;margin-top: 5px;height:25px;z-index: 100;font-size: 14px;border: #00a0e9 solid 1px;border-radius: 3px;" id="month" class="month_select select">
                        <option value="0">请选择月份</option>
                        {% for month_dict in month_list %}
                            <option value="{{ month_dict.value }}">{{ month_dict.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div id="select_year" style="width: 28%;display: inline-block;vertical-align: top;height: 30px;margin-top: 2.5px;">
                    <select name="year" style="width: 100%;margin-top: 5px;height:25px;z-index: 100;font-size: 14px;border: #00a0e9 solid 1px;border-radius: 3px;" id="year" class="dept_select select">
                        <option value="0">请选择年份</option>
                        {% for year_dict in year_list %}
                            <option value="{{ year_dict.value }}">{{ year_dict.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div style="width: 28%;display: inline-block;vertical-align: top;">
                    <input type="text" style="width: 100%;border: #cfcfcf solid 1px;height: 33px;padding-left: 1%;border-radius: 3px;margin-top: 3px;">
                </div>

                <button onclick="SearchData()" style="width: 70px;height: 30px;margin-top: 5px;border: #0c6fd9 solid 1px;background: #0c6fd9;color: white;border-radius: 3px;letter-spacing: 5px;text-align: center;margin-left: 5px;">
                    提交
                </button>
            </div>
        </div>
        <div id="my_application" style="width: 100%;height: 95.3%;overflow: auto;background-color: white;">
            <div class="right-box" style="width: 100%;height: 100%;margin-top: 0;">
                <div style="height: 100%;width: 100%;overflow: auto;border-bottom: #cccccc solid 1px;background-color: white;">
                    <table style="border-collapse:collapse;overflow-x: auto;width: 300%;" border="1" id="table_tag">
                        <tr style="width: 100%;">
                            <td colspan="25" style="height: 30px;text-align: center;"><strong style="font-size: 18px;">薪资</strong></td>
                            <td colspan="22" style="height: 30px;text-align: center;"><strong style="font-size: 18px;">绩效</strong></td>
                        </tr>
                        <tr style="width: 100%;">
                            <td style="height: 30px;width: 100px;text-align: center;">人员编号</td>
                            <td style="height: 30px;width: 100px;text-align: center;">姓名</td>
                            <td style="height: 30px;width: 150px;text-align: center;">人员类别</td>
                            <td style="height: 30px;width: 150px;text-align: center;">部门</td>
                            <td style="height: 30px;width: 220px;text-align: center;">银行账号</td>
                            <td style="height: 30px;width: 100px;text-align: center;">岗位工资</td>
                            <td style="height: 30px;width: 100px;text-align: center;">薪级工资</td>
                            <td style="height: 30px;width: 100px;text-align: center;">标准绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">护贴</td>
                            <td style="height: 30px;width: 100px;text-align: center;">车贴</td>
                            <td style="height: 30px;width: 100px;text-align: center;">卫生津贴</td>
                            <td style="height: 30px;width: 100px;text-align: center;">卫生劳保费</td>
                            <td style="height: 30px;width: 100px;text-align: center;">应发合计</td>
                            <td style="height: 30px;width: 100px;text-align: center;">养老保险</td>
                            <td style="height: 30px;width: 100px;text-align: center;">职业年金</td>
                            <td style="height: 30px;width: 100px;text-align: center;">医疗保险</td>
                            <td style="height: 30px;width: 100px;text-align: center;">失业保险</td>
                            <td style="height: 30px;width: 100px;text-align: center;">住房公积金</td>
                            <td style="height: 30px;width: 100px;text-align: center;">补扣保险</td>
                            <td style="height: 30px;width: 100px;text-align: center;">扣款</td>
                            <td style="height: 30px;width: 70px;text-align: center;">水电费</td>
                            <td style="height: 30px;width: 70px;text-align: center;">其它</td>
                            <td style="height: 30px;width: 70px;text-align: center;">会费</td>
                            <td style="height: 30px;width: 100px;text-align: center;">扣款合计</td>
                            <td style="height: 30px;width: 100px;text-align: center;">工资实发</td>
                            <td style="height: 30px;width: 100px;text-align: center;">科室编号</td>
                            <td style="height: 30px;width: 100px;text-align: center;">科室</td>
                            <td style="height: 30px;width: 100px;text-align: center;">职务</td>
                            <td style="height: 30px;width: 100px;text-align: center;">类别</td>
                            <td style="height: 30px;width: 100px;text-align: center;">工号</td>
                            <td style="height: 30px;width: 100px;text-align: center;">姓名</td>
                            <td style="height: 30px;width: 220px;text-align: center;">银行帐号</td>
                            <td style="height: 30px;width: 100px;text-align: center;">工作量绩效</td>
                            <td style="height: 30px;width: 130px;text-align: center;">科主任管理绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">夜班绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">会诊绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">专家号绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">医共体绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">其他单项绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">停车绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">人才储备绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">公卫绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">扣款</td>
                            <td style="height: 30px;width: 100px;text-align: center;">应发绩效合计</td>
                            <td style="height: 30px;width: 100px;text-align: center;">个人所得税</td>
                            <td style="height: 30px;width: 100px;text-align: center;">实发绩效</td>
                            <td style="height: 30px;width: 100px;text-align: center;">扣款备注</td>
                        </tr>
                        {% for all_data in all_list %}
                            <tr>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.personnel_number }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.real_name }}</td>
                                <td style="height: 30px;width: 150px;text-align: center;">{{ all_data.personnel_category }}</td>
                                <td style="height: 30px;width: 150px;text-align: center;">{{ all_data.company }}</td>
                                <td style="height: 30px;width: 220px;text-align: center;">{{ all_data.bank_account }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.post_wage }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.salary_level_salary }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.standard_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.protective_tape }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.car_tape }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.health_allowance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.labor_insurance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.total_payable }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.endowment_insurance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.occupational_annuity }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.medical_insurance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.unemployment_insurance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.housing_fund }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.deduction_insurance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.deduction }}</td>
                                <td style="height: 30px;width: 70px;text-align: center;">{{ all_data.hydropower }}</td>
                                <td style="height: 30px;width: 70px;text-align: center;">{{ all_data.other }}</td>
                                <td style="height: 30px;width: 70px;text-align: center;">{{ all_data.membership_fees }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.total_deduction }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.predict_amount }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_department_number }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_department }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_post }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_category }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_job_id }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_names }}</td>
                                <td style="height: 30px;width: 220px;text-align: center;">{{ all_data.Per_bank_number }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_workload_performance }}</td>
                                <td style="height: 30px;width: 130px;text-align: center;">{{ all_data.Per_management_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_night_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_consultation_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_expert_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_medical_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_individual_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_parking_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_talent_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_public_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_deduction }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_payable_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_personal_income_tax }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_actual_performance }}</td>
                                <td style="height: 30px;width: 100px;text-align: center;">{{ all_data.Per_deduction_remarks }}</td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block script %}
    <script src="../../static/personnel/js/jquery-1.11.1.min.js"></script>
{#    <script src="../../static/finance/jquery.table2excel.min.js"></script>#}
{#    <script type="text/javascript" src="../../static/administrative/js/layer.js"></script>#}
    <script src="../../static/personnel/division_js/jquery.searchableSelect.js"></script>
    <script>
        window.onload = function () {
            document.getElementById("loading").style.display = "none";
            document.getElementById("mine_apply").className = "add_class";
            document.getElementById("finance").className = "add-nav-active";
            document.getElementById('background').style.filter = 'blur(0px)';
        };

        $(function(){
            $('.select').searchableSelect();
        });

        function select_and_search() {
            xmSelect.render({
                el: '#selectDemo',
                checkbox: true,
                repeat: false,
                autoRow: true,
                filterable: true,
                prop: {name: 'name', value: 'value',},
                height: '200px',
                tips: '请选择',
                tree: {
                    show: true,
                    showFolderIcon: true,
                    showLine: true,
                    indent: 20,
                    expandedKeys: [-3],
                    strict: false,
                },
                data: function () {
                    return {{ dep_dict_list | safe }};

                },
                on: function (data) {
                    var arr = data.arr;                     //arr:  当前多选已选中的数据
                    console.log("data: ", arr)
                    var li_list = document.getElementsByClassName("xm-icon-duox")
                    for (var i=0; i<li_list.length; i++) {
                        console.log(li_list[i].selected)
                    }
                },
            });
        }

        $(document).keydown(function (event) {
            if (event.keyCode === 13) {
                document.getElementById("login").click();
            }
        });

        //文件导出
        function export_excel() {
            //选择表格
            var table = $('#clsy_table');
            //判断表格是否存在且不为空表格
            if (table && table.length) {
                $(table).table2excel({
                    filename: "{{ realname }}" + "薪资", // 导出的文件名
                    fileext: ".xls", // 文件类型
                    exclude_img: true, // 是否导出图片
                    exclude_links: false, // 是否导出超链接
                    exclude_inputs: true, // 是否导出输入框中的内容
                    preserveColors: false // 是否导出背景颜色
                });
            }
        }

        function SearchData() {
            var form = new FormData();
            var years = document.getElementById("year").value;
            var months = document.getElementById("month").value;
            form.append('year', years)
            form.append('month', months)

            var xhr = new XMLHttpRequest();
            var local_host = window.location.host;          // 获取当前IP
            xhr.open('post', "/finance/my_salary_record_list_view", true);
            xhr.send(form);
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        document.getElementById("loading").style.display = "none";
                        var JsonDate = JSON.parse(xhr.responseText);
                        var html_str = `
                            <tr style="width: 100%;">
                                <td colspan="25" style="height: 30px;text-align: center;"><strong style="font-size: 18px;">薪资</strong></td>
                                <td colspan="22" style="height: 30px;text-align: center;"><strong style="font-size: 18px;">绩效</strong></td>
                            </tr>
                            <tr style="width: 100%;">
                                <td style="height: 30px;width: 100px;text-align: center;">人员编号</td>
                                <td style="height: 30px;width: 100px;text-align: center;">姓名</td>
                                <td style="height: 30px;width: 150px;text-align: center;">人员类别</td>
                                <td style="height: 30px;width: 150px;text-align: center;">部门</td>
                                <td style="height: 30px;width: 220px;text-align: center;">银行账号</td>
                                <td style="height: 30px;width: 100px;text-align: center;">岗位工资</td>
                                <td style="height: 30px;width: 100px;text-align: center;">薪级工资</td>
                                <td style="height: 30px;width: 100px;text-align: center;">标准绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">护贴</td>
                                <td style="height: 30px;width: 100px;text-align: center;">车贴</td>
                                <td style="height: 30px;width: 100px;text-align: center;">卫生津贴</td>
                                <td style="height: 30px;width: 100px;text-align: center;">卫生劳保费</td>
                                <td style="height: 30px;width: 100px;text-align: center;">应发合计</td>
                                <td style="height: 30px;width: 100px;text-align: center;">养老保险</td>
                                <td style="height: 30px;width: 100px;text-align: center;">职业年金</td>
                                <td style="height: 30px;width: 100px;text-align: center;">医疗保险</td>
                                <td style="height: 30px;width: 100px;text-align: center;">失业保险</td>
                                <td style="height: 30px;width: 100px;text-align: center;">住房公积金</td>
                                <td style="height: 30px;width: 100px;text-align: center;">补扣保险</td>
                                <td style="height: 30px;width: 100px;text-align: center;">扣款</td>
                                <td style="height: 30px;width: 70px;text-align: center;">水电费</td>
                                <td style="height: 30px;width: 70px;text-align: center;">其它</td>
                                <td style="height: 30px;width: 70px;text-align: center;">会费</td>
                                <td style="height: 30px;width: 100px;text-align: center;">扣款合计</td>
                                <td style="height: 30px;width: 100px;text-align: center;">工资实发</td>
                                <td style="height: 30px;width: 100px;text-align: center;">科室编号</td>
                                <td style="height: 30px;width: 100px;text-align: center;">科室</td>
                                <td style="height: 30px;width: 100px;text-align: center;">职务</td>
                                <td style="height: 30px;width: 100px;text-align: center;">类别</td>
                                <td style="height: 30px;width: 100px;text-align: center;">工号</td>
                                <td style="height: 30px;width: 100px;text-align: center;">姓名</td>
                                <td style="height: 30px;width: 220px;text-align: center;">银行帐号</td>
                                <td style="height: 30px;width: 100px;text-align: center;">工作量绩效</td>
                                <td style="height: 30px;width: 130px;text-align: center;">科主任管理绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">夜班绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">会诊绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">专家号绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">医共体绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">其他单项绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">停车绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">人才储备绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">公卫绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">扣款</td>
                                <td style="height: 30px;width: 100px;text-align: center;">应发绩效合计</td>
                                <td style="height: 30px;width: 100px;text-align: center;">个人所得税</td>
                                <td style="height: 30px;width: 100px;text-align: center;">实发绩效</td>
                                <td style="height: 30px;width: 100px;text-align: center;">扣款备注</td>
                            </tr>`
                        var last_str = '';
                        for (var i=0; i<JsonDate['all_list'].length; i++) {
                            var tr_str = `
                                    <tr>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['personnel_number']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['real_name']+`</td>
                                        <td style="height: 30px;width: 150px;text-align: center;">`+JsonDate['all_list'][i]['personnel_category']+`</td>
                                        <td style="height: 30px;width: 150px;text-align: center;">`+JsonDate['all_list'][i]['company']+`</td>
                                        <td style="height: 30px;width: 220px;text-align: center;">`+JsonDate['all_list'][i]['bank_account']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['post_wage']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['salary_level_salary']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['standard_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['protective_tape']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['car_tape']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['health_allowance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['labor_insurance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['total_payable']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['endowment_insurance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['occupational_annuity']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['medical_insurance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['unemployment_insurance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['housing_fund']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['deduction_insurance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['deduction']+`</td>
                                        <td style="height: 30px;width: 70px;text-align: center;">`+JsonDate['all_list'][i]['hydropower']+`</td>
                                        <td style="height: 30px;width: 70px;text-align: center;">`+JsonDate['all_list'][i]['other']+`</td>
                                        <td style="height: 30px;width: 70px;text-align: center;">`+JsonDate['all_list'][i]['membership_fees']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['total_deduction']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['predict_amount']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_department_number']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_department']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_post']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_category']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_job_id']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_names']+`</td>
                                        <td style="height: 30px;width: 220px;text-align: center;">`+JsonDate['all_list'][i]['Per_bank_number']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_workload_performance']+`</td>
                                        <td style="height: 30px;width: 130px;text-align: center;">`+JsonDate['all_list'][i]['Per_management_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_night_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_consultation_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_expert_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_medical_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_individual_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_parking_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_talent_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_public_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_deduction']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_payable_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_personal_income_tax']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_actual_performance']+`</td>
                                        <td style="height: 30px;width: 100px;text-align: center;">`+JsonDate['all_list'][i]['Per_deduction_remarks']+`</td>
                                    </tr>
                                    `
                            last_str += tr_str;
                        }
                        document.getElementById('table_tag').innerHTML = '';
                        document.getElementById('table_tag').innerHTML = html_str+last_str;
                    }
                }
            };
        }
    </script>
{% endblock %}